<!DOCTYPE html>
<html lang="en">
<head>
<title>幼儿绘画</title>
<!-- custom-theme -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //custom-theme -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<link rel="stylesheet" href="css/easy-responsive-tabs.css">
<link rel="stylesheet" href="css/jquery.gallery.css">
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome-icons -->
<link href="http://fonts.googleapis.com/css?family=Handlee" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
	
<body>
<script src="js/jquery.vide.min.js"></script>

<!-- header -->
	<div class="w3_agile_header">
		<div class="container">
			<div class="w3_agile_header_left">
				<p>会画画的孩子都有一双慧眼。</p>
			</div>
			<div class="w3_agile_header_right">
				<ul>
					<li><a href="#" class=" ">电话</a></li>
					<li><i class="fa fa-phone" aria-hidden="true"></i>133 7073 8449</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<div class="w3_navigation">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="navbar-header navbar-left">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<div class="w3_navigation_pos">
						<h1><a href="index.html"><span>儿童画</span><i>宝宝 的家</i></a></h1>
					</div>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<nav class="menu menu--miranda">
						<ul class="nav navbar-nav menu__list">
							<li class="menu__item menu__item--current"><a href="../index.html" class="menu__link">主页</a></li>
							<li class="menu__item"><a href="#events" class="scroll menu__link">幼儿绘画特色</a></li>
							<li class="menu__item"><a href="#programs" class="scroll menu__link">简笔画</a></li>
							<li class="menu__item"><a href="#work" class="scroll menu__link">儿童心理学</a></li>
							<li class="menu__item"><a href="#team" class="scroll menu__link">漫画创作</a></li>
							<li class="menu__item"><a href="#mail" class="scroll menu__link">想象力</a></li>
						</ul>
					</nav>
				</div>
			</nav>	
		</div>
	</div>
<!-- //header -->
<!-- pop-up-box -->
	<div id="small-dialog" class="mfp-hide w3ls_small_dialog wthree_pop">
		<h3>LOGIN</h3>		
		<div class="agileits_modal_body">
			<form action="#" method="post">
				<div class="agileits_w3layouts_user">
					<i class="fa fa-user" aria-hidden="true"></i>
					<input type="text" name="Name" placeholder="User Name" required="">
				</div>
				<div class="agileits_w3layouts_user">
					<i class="fa fa-key" aria-hidden="true"></i>
					<input type="password" name="Password" placeholder="Password" required="">
				</div>
				<div class="agile_remember">
					<div class="agile_remember_left">
						<div class="check">
							<label class="checkbox"><input type="checkbox" name="checkbox"><i> </i>remember me</label>
						</div>
					</div>
					<div class="agile_remember_right">
						<a href="#">Forgot Password?</a>
					</div>
					<div class="clearfix"> </div>
				</div>
				<input type="submit" value="login">
			</form>
			<h5>Don't have an account? <a href="#small-dialog1" class="play-icon popup-with-zoom-anim">Sign Up</a></h5>
		</div>
	</div>
	<div id="small-dialog1" class="mfp-hide w3ls_small_dialog wthree_pop">
		<h3>Sign Up</h3>		
		<div class="agileits_modal_body">
			<form action="#" method="post">
				<h4>Profile information :</h4>
				<div class="agileits_w3layouts_user">
					<i class="fa fa-user" aria-hidden="true"></i>
					<input type="text" name="Name" placeholder="First Name" required="">
				</div>
				<div class="agileits_w3layouts_user">
					<i class="fa fa-user" aria-hidden="true"></i>
					<input type="text" name="Name" placeholder="Last Name" required="">
				</div>
				<div class="agileinfo_subscribe">
					<div class="check">
						<label class="checkbox"><input type="checkbox" name="checkbox"><i> </i>subscribe to newsletter</label>
					</div>
				</div>
				<h4>Login information :</h4>
				<div class="agileits_w3layouts_user">
					<i class="fa fa-envelope-o" aria-hidden="true"></i>
					<input type="email" name="Email" placeholder="Email" required="">
				</div>
				<div class="agileits_w3layouts_user agileits_w3layouts_user_agileits">
					<i class="fa fa-key" aria-hidden="true"></i>
					<input type="password" name="Password" placeholder="Password" required="">
				</div>
				<div class="agileits_w3layouts_user">
					<i class="fa fa-key" aria-hidden="true"></i>
					<input type="password" name="Password" placeholder="Confirm Password" required="">
				</div>
				<div class="agileinfo_subscribe">
					<div class="check">
						<label class="checkbox"><input type="checkbox" name="checkbox"><i> </i>i accept the terms and conditions</label>
					</div>
				</div>
				<input type="submit" value="Register">
			</form>
			<h5>Already a member <a href="#small-dialog" class="play-icon popup-with-zoom-anim">Sign In</a></h5>
		</div>
	</div>
<!-- //pop-up-box -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<script>
	$(document).ready(function() {
	$('.popup-with-zoom-anim').magnificPopup({
		type: 'inline',
		fixedContentPos: false,
		fixedBgPos: true,
		overflowY: 'auto',
		closeBtnInside: true,
		preloader: false,
		midClick: true,
		removalDelay: 300,
		mainClass: 'my-mfp-zoom-in'
	});
																	
	});
</script>
<!-- banner -->
	<div data-vide-bg="video/nursery">
		<div class="center-container">
			<div class="container">
				<div class="w3_agile_banner_info">
					<p class="w3_agileits_banner_para"><span>送给孩子的礼物</span></p>
					<div class="agileits_w3layouts_header">
						<h2 class="test2">This is what we offer<i>专业免费的网站</i></h2>
					</div>
					<p class="w3_elit_para">由幼儿绘画心理学/儿童绘画年龄段分析/绘画的想象力/儿童漫画创作/简笔画的固执思维这几个部分组成,免费提供图片教程和视频教程。</p>
					<div class="agile_more">
						<a href="#" class="btn btn-3 btn-3e icon-arrow-right" data-toggle="modal" data-target="#myModal">最近更新</a>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- bootstrap-pop-up -->
	<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					最近更新
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
				</div>
				<section>
					<div class="modal-body">
						<div class="w3_modal_body_left">
							<img src="images/1.jpg" alt=" " class="img-responsive" />
						</div>
						<div class="w3_modal_body_right">
							<h4>这是一群小可爱，希望我们也能保持一颗童心。</h4>
							<p>孩子的心是纯真无暇的，是天真可爱的。是可以用天底下最美的语言去描述。但是却不能用金钱去衡量。因为童心是无价的。一个童心未泯的人，才是感悟生活真谛的人。只要拥有童心，你就会用积极的心态面对人生，面对生活中的每一次的失败和挫折。你就会发现这个世界到处充满了爱。也许我们不再拥有天真烂漫的童年，但一定要保持那颗童心，只有保持一颗童心的人，才是一个拥有生命真正意义上的人。 
							<i>带孩子出去解放天性的好处到底有哪些呐？ </i>
								在外出途中，可以激发孩子的想象力，认知力，还会提高他的胆量，提高他与人沟通的能力，经常和孩子沟通，觉得他们认真听导游讲解的时候特别可爱，在繁重的学习过程中放松心情，对孩子整体成长都有好处，我觉得一个明智的家长都会经常性的带着孩子出去</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</section>
			</div>
		</div>
	</div>
<!-- //bootstrap-pop-up -->
<!-- banner-bottom -->
	<div id="about" class="banner-bottom">
		<div class="container">
			<h3>孩子 <span class="w3_child">的</span><span class="w3_child1">生</span><span class="w3_child2">命</span><span class="w3_child3">就</span><span class="w3_child4">像</span>一张纸，每个人的童年都留下一个印记。</h3>
			<p class="w3_agile_elit">儿童画画最重要的是获得自信</p>
			<div class="agile_banner_bottom_grids">
				<div class="col-md-3 agile_banner_bottom_grid">
					<div class="view view-first">
						<img src="images/2.jpg" alt=" " class="img-responsive" />
						<div class="mask">
							<h5>信心</h5>
							<p>画画是宣泄自己，表达自己的最好方式。保持画画的积极性，一直坚持下去，并在这个方面得到自信。</p>
						</div>
					</div>
					<div class="agile_banner_bottom_grid_pos">
						<h4>自信</h4>
					</div>
				</div>
				<div class="col-md-3 agile_banner_bottom_grid">
					<div class="view view-first">
						<img src="images/3.jpg" alt=" " class="img-responsive" />
						<div class="mask">
							<h5 class="agileits_w3layouts1">快乐</h5>
							<p>环境决定着孩子的成长，孩子是否聪明，是否学习好，是否懂事，家长都能够在自己身上找到原因。</p>
						</div>
					</div>
					<div class="agile_banner_bottom_grid_pos">
						<h4 class="agileits_w3layouts1">成长</h4>
					</div>
				</div>
				<div class="col-md-3 agile_banner_bottom_grid">
					<div class="view view-first">
						<img src="images/4.jpg" alt=" " class="img-responsive" />
						<div class="mask">
							<h5 class="agileits_w3layouts2">熏陶</h5>
							<p>生活环境/艺术修养熏陶。一个从小喜欢艺术、喜欢绘画的孩子，长大后气质与涵养都是与其他孩子有所不同。</p>
						</div>
					</div>
					<div class="agile_banner_bottom_grid_pos">
						<h4 class="agileits_w3layouts2">审美</h4>
					</div>
				</div>
				<div class="col-md-3 agile_banner_bottom_grid">
					<div class="view view-first">
						<img src="images/5.jpg" alt=" " class="img-responsive" />
						<div class="mask">
							<h5 class="agileits_w3layouts3">一生</h5>
							<p>一个懂审美的人，能够无论贫穷或富有，都能在生活中发现美，感受美。读书，画画，让孩子性情温和，智力提高。</p>
						</div>
					</div>
					<div class="agile_banner_bottom_grid_pos">
						<h4 class="agileits_w3layouts3">幸福</h4>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //banner-bottom -->
<!-- programs -->
	<div id="programs" class="programs">
		<div class="container">
			<h3 class="w3_agileits_head"><span class="w3_child">简</span><span class="w3_child1">笔</span><span class="w3_child4">画</span> 的艺术</h3>
			<p class="w3_agile_elit">简笔画用简练、概括的线条勾画出物象的形态与特征。寥寥数笔就能表达出丰富的语言信息或概念。</p>
			<div class="agile_banner_bottom_grids">
				<div id="verticalTab">
					<ul class="resp-tabs-list">
						<li class="resp-tab-item resp-tab-active" aria-controls="tab_item-0" role="tab"><i class="fa fa-female" aria-hidden="true"></i>人物</li>
						<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><i class="fa fa-tree" aria-hidden="true"></i>动植物</li>
						<li class="resp-tab-item" aria-controls="tab_item-2" role="tab"><i class="fa fa-bed" aria-hidden="true"></i>建筑</li>
						<li class="resp-tab-item" aria-controls="tab_item-3" role="tab"><i class="fa fa-gamepad" aria-hidden="true"></i>生活用品</li>
					</ul>
						<div class="resp-tabs-container">
						<h2 class="resp-accordion resp-tab-active" role="tab" aria-controls="tab_item-0"><span class="resp-arrow"></span><i class="fa fa-female" aria-hidden="true"></i>人物</h2><div class="w3layouts_vertical_tab resp-tab-content resp-tab-content-active" style="display:block" aria-labelledby="tab_item-0">
							<p>人物简笔画不像素描或是国画，要求把表现的主体表现的淋漓尽致，而是要越简单越好，也不同于人物速写。
								<i>" 记得一个国外的画家叫狄根斯，他就是吧一头牛简化到最极致，从复杂的全是骨骼到寥寥几根线条，到最后的一根线条。但不是盲目的简化，是找到所要表现的主题物的结构。依照主题物的结构表现物体，结构表现到位，物体自然而然就有了骨架，就会立起来，就会像。</i></p>
							<ul>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>人体的结构和比例,站七坐五盘三半.</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>人物动态,姿势的不同，人体的重心就不同，支点、高度都会有所差别。</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>衣服就是表现人的体型,是男是女，高矮胖瘦.还有不同的衣服不同的质感，都是要表现的。</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>人物头像，眼睛和嘴吧决定了人物的表情，加上人的发型又决定了人的年龄还有性别。</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>简笔画顾名思义，关键字在一个简。</li>
							</ul>
						</div>
						<h2 class="resp-accordion" role="tab" aria-controls="tab_item-1"><span class="resp-arrow"></span><i class="fa fa-tree" aria-hidden="true"></i>动植物</h2><div class="w3layouts_vertical_tab resp-tab-content" aria-labelledby="tab_item-1">
							<p>动物简笔画，就是用简单的线条画出动物主要的外形特征，要画得“简”，画得像。必须删掉细节，突出主要特征，把复杂的形象简单化。
								<i>日常生活中，植物与我们息息相关。通常人们会在室内摆放花卉，盆栽，室外则会有草坪，树木，花草植物，既可以净化空气，又可以美化环境。植物的简笔画及技巧肯定是必不可少的。</i></p>
							<ul>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>自然界的花草、禽鸟、鱼虫等动植物和人一样，其结构和体态千变万化。</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>了解各自的形体比例结构特点；概括基本形。</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>确定动植物的姿势，根据其特有的动态规律</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>勾画具体形象，注意把握正确比例。</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>抓住规律多联系，锻炼记忆力、提高想象力和发挥联想力。</li>
							</ul>
						</div>
						<h2 class="resp-accordion" role="tab" aria-controls="tab_item-2"><span class="resp-arrow"></span><i class="fa fa-bed" aria-hidden="true"></i>建筑</h2><div class="w3layouts_vertical_tab resp-tab-content" aria-labelledby="tab_item-2">
							<p>I建筑的结构主要有房体、屋顶、门窗、墙饰组成，由于东西文化的差异，在建筑手法上也迥然不同。西方建筑注重纵势，东方则讲究横势。中国古代建筑的大屋檐瓦顶；哥特式的高耸顶尖；伊斯兰的拱形圆顶，都把中西建筑表现的淋漓尽致。通常我们在画这些物体时先构画大块的形块结构，再间以点线，使形块间富有变化，如再添一些植物、风景，画面会更有情趣。
								<i>建筑简笔画绘画主要是观察、分析、概括客观形象的重要手段</i></p>
							<ul>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>趣味性，兴趣是最好的老师。</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>复杂的形体均可分解为简单的几何体</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>学会归纳，学方法，找规律，举一反三</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>熟能生巧，只要肯下功夫，就能画出一手好画</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>了解透视，一点、两点——五点透视</li>
							</ul>
						</div>
						<h2 class="resp-accordion" role="tab" aria-controls="tab_item-3"><span class="resp-arrow"></span><i class="fa fa-gamepad" aria-hidden="true"></i>生活用品</h2><div class="w3layouts_vertical_tab resp-tab-content" aria-labelledby="tab_item-3">
							<p>在大千世界，千姿百态的物象非常丰富，对生活中的物品在内容上进行了分类，以更好地了解它们的结构、特征，针对性的加以练习，练习的目的不只是了解其结构关系，它也是记忆形象的一种方法
								<i>"电器、服饰。从外观造型上分析这些物体较为几何化，一般就运用基本形块来概括外形，再画出局部特征。</i></p>
							<ul>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>突出特点是笔画简单、生动活泼，只取形似，不计细节，简而实用，简而易学。</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>要多看、多想、多练、多用、多观察。</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>生活是艺术的源泉，生活中多观察、比较、积累、收集各种物体的形态和特征。</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>可忽视不必要的背景，突出主体</li>
								<li><i class="fa fa-check-square-o" aria-hidden="true"></i>艺术源于生活，但又高于生活，要让孩子有一双发现美的眼睛。</li>
							</ul>
						</div>
					</div>
				</div>
				</div>
			</div>
		</div>
	</div>
<!-- //programs -->
<!-- team -->
	<div id="team" class="team">
		<div class="container">
			<h3 class="w3_agileits_head">儿童<span class="w3_child">漫</span><span class="w3_child1">画</span><span class="w3_child2">创</span><span class="w3_child4">作</span></h3>
			<p class="w3_agile_elit">“儿童漫画”有两个意思：一是供儿童观赏的——大都是反映儿童生活的漫画；一是儿童自己动手创作的漫画。</p>
			<div class="agile_banner_bottom_grids">
				<div class="w3_slider">
					<ul class="slides" style="width: 2280px; margin-left: 0px;">
						<li class="slide" style="width: 1140px;">
							<div class="col-md-3 wthree_team_grid">
								<img src="images/7.jpg" alt=" " class="img-responsive">
								<div class="wthree_team_grid_w3">
									<h4>作品与现实一样</h4>
									<p>写实风格</p>
									<div class="wthree_team_grid_w3_pos">
										<ul class="agileinfo_social_icons">
											<li><a href="#" class="w3ls_dribble"><i class="fa fa-qq" aria-hidden="true"></i></a></li>
											<li><a href="#" class="agileits_facebook"><i class="fa fa-weixin" aria-hidden="true"></i></a></li>
											<li><a href="file:#" class="w3l_google"><i class="fa fa-adjust" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-md-3 wthree_team_grid">
								<img src="images/9.jpg" alt=" " class="img-responsive">
								<div class="wthree_team_grid_w3">
									<h4>略有夸张</h4>
									<p>唯美</p>
									<div class="wthree_team_grid_w3_pos">
										<ul class="agileinfo_social_icons">
											<li><a href="#" class="agileits_facebook"><i class="fa  fa-paper-plane-o" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3_twitter"><i class="fa  fa-pied-piper" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3ls_dribble"><i class="fa fa-life-ring" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-md-3 wthree_team_grid">
								<img src="images/8.jpg" alt=" " class="img-responsive">
								<div class="wthree_team_grid_w3">
									<h4>夸张，突出性格</h4>
									<p>人物</p>
									<div class="wthree_team_grid_w3_pos">
										<ul class="agileinfo_social_icons">
											<li><a href="#" class="w3_twitter"><i class="fa fa-cab" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3l_google"><i class="fa fa-child" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3ls_dribble"><i class="fa fa-tree" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-md-3 wthree_team_grid">
								<img src="images/10.jpg" alt=" " class="img-responsive">
								<div class="wthree_team_grid_w3">
									<h4>戏剧性</h4>
									<p>故事</p>
									<div class="wthree_team_grid_w3_pos">
										<ul class="agileinfo_social_icons">
											<li><a href="#" class="w3l_google"><i class="fa fa-asterisk" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3ls_dribble"><i class="fa fa-bolt" aria-hidden="true"></i></a></li>
											<li><a href="#" class="agileits_facebook"><i class="fa fa-bell" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="clearfix"> </div>
							</li><li class="slide" style="width: 1140px;">
							<div class="col-md-3 wthree_team_grid">
								<img src="images/a7.jpg" alt=" " class="img-responsive">
								<div class="wthree_team_grid_w3">
									<h4>游戏与电影</h4>
									<p>动漫</p>
									<div class="wthree_team_grid_w3_pos">
										<ul class="agileinfo_social_icons">
											<li><a href="#" class="w3ls_dribble"><i class="fa fa-qq" aria-hidden="true"></i></a></li>
											<li><a href="#" class="agileits_facebook"><i class="fa fa-weixin" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3l_google"><i class="fa fa-adjust" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-md-3 wthree_team_grid">
								<img src="images/a9.jpg" alt=" " class="img-responsive">
								<div class="wthree_team_grid_w3">
									<h4>故事连续</h4>
									<p>夸张</p>
									<div class="wthree_team_grid_w3_pos">
										<ul class="agileinfo_social_icons">
											<li><a href="#" class="agileits_facebook"><i class="fa  fa-paper-plane-o" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3_twitter"><i class="fa  fa-pied-piper" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3ls_dribble"><i class="fa fa-life-ring" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-md-3 wthree_team_grid">
								<img src="images/a8.jpg" alt=" " class="img-responsive">
								<div class="wthree_team_grid_w3">
									<h4>手简洁明了</h4>
									<p>环保</p>
									<div class="wthree_team_grid_w3_pos">
										<ul class="agileinfo_social_icons">
											<li><a href="#" class="w3_twitter"><i class="fa fa-cab" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3l_google"><i class="fa fa-child" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3ls_dribble"><i class="fa fa-tree" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-md-3 wthree_team_grid">
								<img src="images/a10.jpg" alt=" " class="img-responsive">
								<div class="wthree_team_grid_w3">
									<h4>动物性格特征</h4>
									<p>线稿</p>
									<div class="wthree_team_grid_w3_pos">
										<ul class="agileinfo_social_icons">
											<li><a href="#" class="w3l_google"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
											<li><a href="#" class="w3ls_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
											<li><a href="#" class="agileits_facebook"><i class="fa fa-bug" aria-hidden="true"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="clearfix"> </div>
						</li>
					</ul>
				</div>
			</div
		</div>
	</div>
<!-- //team -->
<!-- stats -->
	<div class="stats">
		<div class="container">
			<div class="col-md-3 w3layouts_stats_grid">
				<i class="fa fa-male w3_agile_i" aria-hidden="true"></i>
				<p class="counter">2314+</p>
				<h4>水彩</h4>
				<div class="agile_stats_grid w3ls_stats_grid">
					<i></i>
				</div>
			</div>
			<div class="col-md-3 w3layouts_stats_grid">
				<i class="fa fa-flask w3_agile_i1" aria-hidden="true"></i>
				<p class="counter">1344+</p>
				<h4>素描</h4>
				<div class="agile_stats_grid w3ls_stats_grid1">
					<i></i>
				</div>
			</div>
			<div class="col-md-3 w3layouts_stats_grid">
				<i class="fa fa-cloud w3_agile_i2" aria-hidden="true"></i>
				<p class="counter">4563+</p>
				<h4>漫画</h4>
				<div class="agile_stats_grid w3ls_stats_grid2">
					<i></i>
				</div>
			</div>
			<div class="col-md-3 w3layouts_stats_grid">
				<i class="fa fa-graduation-cap w3_agile_i3" aria-hidden="true"></i>
				<p class="counter">1257+</p>
				<h4>简笔画</h4>
				<div class="agile_stats_grid w3ls_stats_grid3">
					<i></i>
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //stats -->
<!-- events -->
	<div id="events" class="events">
		<div class="container">
			<h3 class="w3_agileits_head"><span class="w3_child">儿</span><span class="w3_child1">童</span><span class="w3_child2">画</span><span class="w3_child4">的</span><span class="w3_child">特</span><span class="w3_child1">色</span></h3>
			<p class="w3_agile_elit">儿童绘画是反映儿童对外界事物认识和感受的一种形式，是儿童用于表达思想感情的特殊视觉语言。</p>
			<div class="agile_banner_bottom_grids">
				<div class="agile_events_grid">
					<img src="images/a1.jpg" alt=" " class="img-responsive" />
					<div class="agile_events_grid_pos agile_events_grid_pos1">
						<h5><span>01</span> 儿童画是儿童的语言。</h5>
						<h4><a href="#" data-toggle="modal" data-target="#myModal">充满童趣的天性</a></h4>
						<p>随意性很强，喜怒哀乐跃然纸上。一张儿童画的产生，是儿童真实思想的写照，儿童画在色彩的运用上大胆而毫无顾忌的运用原色。</p>
					</div>
					<div class="agileits_w3layouts_events_grid_social">
						<ul class="agileinfo_social_icons">
							<li><a href="#" class="w3_twitter"><i class="fa fa-coffee" aria-hidden="true"></i></a></li>
							<li><a href="#" class="w3l_google"><i class="fa fa-edit" aria-hidden="true"></i></a></li>
							<li><a href="#" class="w3ls_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="agile_events_grid">
					<img src="images/a13.jpg" alt=" " class="img-responsive" />
					<div class="agile_events_grid_pos_sub agile_events_grid_pos1">
						<h5 class="w3_agileits_event_head"><span>02</span> 观察世界</h5>
						<h4><a href="#" data-toggle="modal" data-target="#myModal">有时当成一种游戏</a></h4>
						<p>具有很强的想象成份，而画面上的自己经常出现在想象的特殊环境之中， 
							到儿童画中有的物体夸张变形而使之妙趣横生。</p>
					</div>
					<div class="agileits_w3layouts_events_grid_social1">
						<ul class="agileinfo_social_icons">
							<li><a href="#" class="w3_twitter"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
							<li><a href="#" class="w3l_google"><i class="fa fa-gift" aria-hidden="true"></i></a></li>
							<li><a href="#" class="w3ls_dribble"><i class="fa fa-leaf" aria-hidden="true"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="agile_events_grid">
					<img src="images/a15.jpg" alt=" " class="img-responsive" />
					<div class="agile_events_grid_pos agile_events_grid_pos1">
						<h5><span>03</span> 想象力</h5>
						<h4><a href="#" data-toggle="modal" data-target="#myModal">我们看到了未来的希望</a></h4>
						<p>想象力是儿童画创作的一大特点，我们应该让孩子尽可能地拓展想象力，不要坐在教室苦思冥想。要积极培养他们观察和探索的兴趣，使其从中获得感性知识。
							</p>
					</div>
					<div class="agileits_w3layouts_events_grid_social">
						<ul class="agileinfo_social_icons">
							<li><a href="#" class="w3_twitter"><i class="fa fa-heart" aria-hidden="true"></i></a></li>
							<li><a href="#" class="w3l_google"><i class="fa fa-flag" aria-hidden="true"></i></a></li>
							<li><a href="#" class="w3ls_dribble"><i class="fa fa-plane" aria-hidden="true"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- //events -->
<!-- testimonials -->
	<div id="testimonials" class="testimonials">
		<div class="container">
			<h3 class="w3_agileits_head wthree_head"> <span class="w3_child">最</span><span class="w3_child1">美</span><span class="w3_child2">的</span><span class="w3_child4"></span><span class="w3_child">儿</span><span class="w3_child1">童</span><span class="w3_child2">画</span> </h3>
			<p class="w3_agile_elit">幼儿绘画分为很多类，有简笔画、卡通画、儿童手工等等</p>
			<div class="agile_banner_bottom_grids">
				<div class="agileits_testimonials_grids">
					<ul id="flexiselDemo1">	
						<li>
							<div class="agileinfo_testimonials_grid">
								<img src="images/17.jpg" alt=" " class="img-responsive" />
							</div>
						</li>
						<li>
							<div class="agileinfo_testimonials_grid">
								<img src="images/18.jpg" alt=" " class="img-responsive" />
							</div>
						</li>
						<li>
							<div class="agileinfo_testimonials_grid">
								<img src="images/19.jpg" alt=" " class="img-responsive" />
							</div>
						</li>
						<li>
							<div class="agileinfo_testimonials_grid">
								<img src="images/20.jpg" alt=" " class="img-responsive" />
							</div>
						</li>
						<li>
							<div class="agileinfo_testimonials_grid">
								<img src="images/21.jpg" alt=" " class="img-responsive" />
							</div>
						</li>
						<li>
							<div class="agileinfo_testimonials_grid">
								<img src="images/a17.jpg" alt=" " class="img-responsive" />
							</div>
						</li>
						<li>
							<div class="agileinfo_testimonials_grid">
								<img src="images/a18.jpg" alt=" " class="img-responsive" />
							</div>
						</li>
						<li>
							<div class="agileinfo_testimonials_grid">
								<img src="images/a19.jpg" alt=" " class="img-responsive" />
							</div>
						</li>
						<li>
							<div class="agileinfo_testimonials_grid">
								<img src="images/a20.jpg" alt=" " class="img-responsive" />
							</div>
						</li>
						<li>
							<div class="agileinfo_testimonials_grid">
								<img src="images/a21.jpg" alt=" " class="img-responsive" />
							</div>
						</li>
					</ul>
					<h3>这是我<span>欣赏的</span>儿童画</h3>
					<p>让孩子变得更优秀，是所有父母的共同梦想。而学习绘画对孩子的好处也是非常多。好处一：增长儿童各方面知识。好处二：锻炼儿童的感知能力。好处三：锻炼儿童的动手能力。好处四：提高儿童的记忆能力。好处五：培养儿童的想象力和创作力。好处六：培养儿童独立思考和独立工作能力。</p>
				</div>
			</div>
		</div>
	</div>
<!-- //testimonials -->
<!-- work -->
	<div id="work" class="work">
		<div class="container">
			<h3 class="w3_agileits_head wthree_head"> <span class="w3_child">儿</span><span class="w3_child1">童</span><span class="w3_child2">心</span><span class="w3_child4"></span><span class="w3_child">理</span><span class="w3_child1">学</span><span class="w3_child2"></span> </h3>
			<p class="w3_agile_elit">儿童心理学一般以是指从出生到青年初期(14～15岁)心理的发生和发展。</p>
			<div class="agile_work_single_grids">
				<div class="bs-example bs-example-tabs wthree_example_tab" role="tabpanel" data-example-id="togglable-tabs">
					<ul id="myTab" class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">婴儿期</a></li>
						<li role="presentation"><a href="#learning" role="tab" id="learning-tab" data-toggle="tab" aria-controls="learning">童年期</a></li>
						<li role="presentation"><a href="#playing" role="tab" id="playing-tab" data-toggle="tab" aria-controls="playing">少年期</a></li>
						<li role="presentation"><a href="#painting" role="tab" id="painting-tab" data-toggle="tab" aria-controls="painting">青年期</a></li>
					</ul>
					<div id="myTabContent" class="tab-content">
						<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
							<div class="w3_tab_img agileinfo_img">
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/13.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/b1.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>宝宝在努力</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="images/b2.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/b2.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>他在思考</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/b3.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/b3.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>想妈妈</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="iimages/b4.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/b4.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>吐舌头熟悉器官</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/b5.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/b5.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>探索新事物</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="images/b6.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/b6.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>保护自己的东西</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="learning" aria-labelledby="learning-tab">
							<div class="w3_tab_img agileinfo_img">
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/c1.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/c1.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>不情愿</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="images/c2.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/c2.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>好奇、交朋友</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/c3.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/c3.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>偶像</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="iimages/c4.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/c4.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>挑战自己</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/c5.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/c5.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>照顾妹妹</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="images/c6.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/c6.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>刻意拍照</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="playing" aria-labelledby="playing-tab">
							<div class="w3_tab_img agileinfo_img">
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/e1.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/e1.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>无辜、迷茫</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="images/e2.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/e2.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>早恋</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/e3.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/e3.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>爱好、挑战</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="iimages/e4.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/e4.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>难过、无助</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/e5.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/e5.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>表达情感</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="images/e6.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/e6.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>表扬、内敛</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="painting" aria-labelledby="painting-tab">
							<div class="w3_tab_img agileinfo_img">
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/d1.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/d1.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>自拍、爱美</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="images/d2.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/d2.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>搞怪</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/d3.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/d3.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>开心</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="iimages/d4.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/d4.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>体验童真</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="col-md-4 w3_tab_img_left">
									<div class="agileits_demo">
										<a href="images/d5.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/d5.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>疯狂、个性</span>
												</figcaption>
											</figure>
										</a>
									</div>
									<div class="agileits_demo">
										<a href="images/d6.jpg">
											<figure class="w3layouts_work">
												<div class="w3layouts_work_sub">
													<img src="images/d6.jpg" alt=" " class="img-responsive" />
												</div>
												<figcaption>
													<span>烦躁、叛逆</span>
												</figcaption>
											</figure>
										</a>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- //work -->
<!-- newsletter -->
	<div id="newsletter" class="newsletter">
		<div class="container">
			<div class="col-md-5 w3layouts_newsletter_left">
				<h3>了解更多</h3>
			</div>
			<div class="col-md-6 w3layouts_newsletter_right">
				<form action="#" method="post">
					<input type="email" name="Email" placeholder="Email..." required="">
					<input type="submit" value="提交">
				</form>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //newsletter -->
<!-- contact -->
	<div id="mail" class="contact">
		<div class="container">
			<h3 class="w3_agileits_head"> <span class="w3_child">儿</span><span class="w3_child1">童</span><span class="w3_child4">想</span><span class="w3_child2">象</span><span class="w3_child1">力</span></h3>
			<p class="w3_agile_elit">孩童天马行空的创意和想法是我们所不及的，那么如何丰富孩子的想象力呢？</p>
			<div class="agile_banner_bottom_grids">
				<div class="col-md-4 w3_agile_contact_grid">
					<div class="col-xs-4 agile_contact_grid_left">
						<i class="fa fa-jsfiddle" aria-hidden="true"></i>
					</div>
					<div class="col-xs-8 agile_contact_grid_right agilew3_contact">
						<h4>独立思考</h4>
						<p>独立面对问题并解决,才是想象力诞生的时候.<span>独立思考并有结果，他们就会很开心，会很自信。</span></p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-4 w3_agile_contact_grid">
					<div class="col-xs-4 agile_contact_grid_left agileits_w3layouts_left">
						<i class="fa fa-dribbble" aria-hidden="true"></i>
					</div>
					<div class="col-xs-8 agile_contact_grid_right agileits_w3layouts_right">
						<h4>鼓励实践</h4>
						<p>家长看起来是错误的，就不让孩子做。其实这是在束缚孩子的想象力，束缚孩子的活动能力。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-4 w3_agile_contact_grid">
					<div class="col-xs-4 agile_contact_grid_left agileits_w3layouts_left1">
						 <i class="fa fa-unlock" aria-hidden="true"></i>
					</div>
					<div class="col-xs-8 agile_contact_grid_right agileits_w3layouts_right1">
						<h4>给予自由</h4>
						<p><a href="#">要充分的给宝宝自由的空间和时间，因为孩子是需要自由的，有自己的空间和思维。</p>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agile_banner_bottom_grids">
				<form action="#" method="post">
					<div class="col-md-6 w3_agileits_contact_left">
					</div>
					
					<div class="clearfix"> </div>
				</form>
			</div>
		</div>
	</div>
<!-- //contact -->
<!-- footer -->
	<div class="w3layouts_copy_right">
		<div class="container">
			<p>Zhaimin &copy; 2017 - All 个人博客  版权信息:由zm.@zhaomin科技公司提供<a target="_blank" href="C:\Users\zm\Desktop\my long\index\index.html">主页</a></p>
		</div>
	</div>
<!-- //footer -->
<!-- contact-effect -->
<script src="js/classie.js"></script>
<script>
	(function() {
		// trim polyfill : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
		if (!String.prototype.trim) {
			(function() {
				// Make sure we trim BOM and NBSP
				var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
				String.prototype.trim = function() {
					return this.replace(rtrim, '');
				};
			})();
		}

		[].slice.call( document.querySelectorAll( 'input.input__field' ) ).forEach( function( inputEl ) {
			// in case the input is already filled..
			if( inputEl.value.trim() !== '' ) {
				classie.add( inputEl.parentNode, 'input--filled' );
			}

			// events:
			inputEl.addEventListener( 'focus', onInputFocus );
			inputEl.addEventListener( 'blur', onInputBlur );
		} );

		function onInputFocus( ev ) {
			classie.add( ev.target.parentNode, 'input--filled' );
		}

		function onInputBlur( ev ) {
			if( ev.target.value.trim() === '' ) {
				classie.remove( ev.target.parentNode, 'input--filled' );
			}
		}
	})();
</script>
<!-- //contact-effect -->
<!-- work -->
	<script type="text/javascript"  src="js/jquery.gallery.js" ></script>
	<script>
		$(function() {
			$('.w3_tab_img').createSimpleImgGallery();
		});
	</script>
<!-- //work -->
<!-- flexisel -->
	<script type="text/javascript">
		$(window).load(function() {
			$("#flexiselDemo1").flexisel({
				visibleItems: 5,
				animationSpeed: 1000,
				autoPlay: true,
				autoPlaySpeed: 3000,    		
				pauseOnHover: true,
				enableResponsiveBreakpoints: true,
				responsiveBreakpoints: { 
					portrait: { 
						changePoint:480,
						visibleItems: 1
					}, 
					landscape: { 
						changePoint:640,
						visibleItems:3
					},
					tablet: { 
						changePoint:768,
						visibleItems: 3
					}
				}
			});
			
		});
	</script>
	<script type="text/javascript" src="js/jquery.flexisel.js"></script>
<!-- //flexisel -->
<!-- team-slider -->
	<script type="text/javascript" src="js/jquery.glide.js"></script>
	<script type="text/javascript">
		var glide = $('.w3_slider').glide().data('api_glide');

			$(window).on('keyup', function (key) {
				if (key.keyCode === 13) {
					glide.jump(3, console.log('Wooo!'));
				};
			});
	</script>
<!-- //team-slider -->
<!-- responsive-tabs -->
	<script src="js/easy-responsive-tabs.js"></script>
	<script>
		$(document).ready(function () {
		$('#verticalTab').easyResponsiveTabs({
		type: 'vertical',
		width: 'auto',
		fit: true
		});
		});
	</script>
<!-- //responsive-tabs -->	
<!-- text-effect -->
		<script type="text/javascript" src="js/jquery.transit.js"></script> 
		<script type="text/javascript" src="js/jquery.textFx.js"></script> 
		<script type="text/javascript">
			$(document).ready(function() {
					$('.test2').textFx({
						type: 'slideIn',
						direction: 'right',
						iChar: 250,
						iAnim: 1000
					});
			});
		</script>
<!-- //text-effect -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->
<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
</body>
</html>